<div ng-init="init();" class="kmi-layout-content SMT2202-content">
    <!-- SMT 產品送修 -->
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="header-title" ng-bind="'SMT2202.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <!-- 產品序號 product_serialNumber_panel -->
            <div class="product_serialNumber_panel">
                <div class="serialNumber_panel">
                    <!-- 產品序號 -->
                    <div class="kmi-text-fields inner-content" style='margin-top:4px'>
                        <label class="label" ng-bind="'SMT2201.top_list.material_no' | translate"></label>
                        <input ng-keypress="input_barcode_no($event);" ng-model="barcode_no" id="barcode_no"/>
                        <div class="tip qrcode" ng-click="QRCodeScanner();">
                            <img src="image/icons/QRCode.png">
                        </div>
                    </div>
                    <div class="warehouse-btn">
                        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="type = 0" style="flex: 1; padding-top: 2px;">
                            <img ng-src="{{type == 0?'image/icons/check1.png':'image/icons/check0.png'}}">
                            {{'SMT2201.top_list.inbox' | translate}}
                        </button>
                        <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="type = 1" style="flex: 1; padding-top: 2px;">
                            <img ng-src="{{type == 1?'image/icons/check1.png':'image/icons/check0.png'}}">
                            {{'SMT2201.top_list.outbox' | translate}}
                        </button>
                    </div>
                </div>
            </div>
            <!-- 產品基本資料 product_basicData_panel  -->
                <div class="basicData_panel" ng-class="[isClose?'is-close':'']">
                    <div class="basicData">
                        <div class="kmi-text-fields content-data">
                            <!-- 物料編碼： -->
                            <label class="label fixed-width" ng-bind="'SMT2201.queryList.material_no' | translate"></label>
                            <input ng-model="reel_no">
                        </div>
                        <div class="kmi-text-fields content-data">
                            <!-- 物料料號： -->
                            <label class="label fixed-width" ng-bind="'SMT2201.queryList.material_lot_no' | translate"></label>
                            <input ng-model="material_no">
                        </div>
                        <div class="middle-btn-panel">
                            <!-- 查询 -->
                            <div class="kmi-button kmi-button-packing" style="width:100px;margin: 0;" ng-click="find_material();">
                                <label ng-bind="'SMT2201.queryList.btn.search' | translate" class="ng-binding"></label>
                                <div class="kmi-can-click"></div>
                            </div>
                            <!-- 清除 -->
                            <div class="kmi-button kmi-button-cancel" style="width:100px;margin: 0;" ng-click="clean();">
                                <label ng-bind="'SMT2201.queryList.btn.clean' | translate" class="ng-binding"></label>
                                <div class="kmi-can-click"></div>
                            </div>
                        </div>
                    </div>
                </div>
            <!-- 裝箱清單 -->
            <div class="product_repairReason_panel">
                <div class="kmi-list column-selector" column-selector-id="" style="border-radius: 0 0 6px 6px;">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column" style="flex: 0 0 40px"></div>
                        <!-- 物料編碼 -->
                        <div class="kmi-list__column" style="flex: 1" ng-bind="'SMT2201.list1.material_no' | translate"></div>
                        <!-- 物料料號 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT2201.list1.material_lot_no' | translate"></div>
                        <!-- 開封控管時間 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT2202.list1.control_time' | translate"></div>
                        <!-- 烘烤次數 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT2201.list1.back_times' | translate"></div>
                        <!-- 數量 -->
                        <div class="kmi-list__column" style="flex: 1;" ng-bind="'SMT2201.list1.qty' | translate"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" ng-repeat="item in material_list">
                            <div class="kmi-list__column column-border" style="flex: 0 0 40px;">
                                <button class="mdl-button mdl-button--icon" ng-click="removeRow(item);">
                                    <img src="image/icons/delete.png"></img>
                                </button>
                            </div>
                            <!-- 物料編碼 -->
                            <div class="kmi-list__column column-border" style="flex: 0 0 40px;" ng-bind="item.reel_no"></div>
                            <!-- 物料料號 -->
                            <div class="kmi-list__column column-border" style="flex: 1;" ng-bind="item.material_no"></div>
                            <!-- 開封控管時間 -->
                            <div class="kmi-list__column column-border" style="flex: 1;">
                                <label ng-bind="item.time_in_oven" ng-show="item.time_in_oven!='-0.1'"></label>
                            </div>
                            <!-- 烘烤次數 -->
                            <div class="kmi-list__column column-input column-border" style="flex: 1;" ng-bind="item.num_dry_left"></div>
                            <!-- 數量 -->
                            <div class="kmi-list__column column-input column-border" style="flex: 1;" ng-bind="item.qty"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
